@import "../_mixin";

.aboutus_page{
	/* .top_com_type{
		margin-bottom:0.025rem;
		border-bottom:0.025rem solid #e0e0e0;
		padding-bottom:0.2rem;
	} */
	.selectdate{
		padding:0.25rem;
		
		@include fz(15px);

		input[type="month"]{
			position:absolute;
			opacity:0;
			display:block;
			left:0;
			top:0;
			width:100%;
			height:100%;
		}
		.weui_cell_bd, .weui_cell_ft{
			@include fz(14px);
		}
		.inline-calendar{
			@include fz(15px);

			td{
				padding: 0.125rem 0.0rem;
			}
			td>span{
				@include fz(15px);
			}
			.week{
				text-align:center;
			}
		}
	}

	.buletype{
		padding-bottom: 0rem;
		li{
			margin: 0.18rem 0.2rem;
			padding:0.0rem;
			padding-bottom:0.08rem;
			&.on{
				color:#00abf2;
				&:after{
					width:100%;
					left:0.0rem;
					background:#00abf2;
					margin-left:auto;
				} 
			}
		}
	}

	.licenselist{
		background:#fff;
		padding:0.5rem 0.0rem;

		.vux-flex-row{
			margin-bottom:0.4rem;
		}
		.vux-flexbox-item{
			text-align:center;
			img{
				width:80%;
				border:0.05rem solid $primaryColor;
			}
		}
		span{
			display:block;
			text-align:center;
			@include fz(18px);
			color:#333;

		}
	}

	.founder{
		background:#fff;
		padding:0.25rem;
		@include fz(12px);
		.left{
			margin-left:0.25rem!important;
		}
		.vux-flexbox-item{
			background:#fff8ef;
			border:0.025rem solid #ff9500;
			
			padding:0.2rem 0.1rem;
			margin-bottom:0.25rem;

		}
		.none{
			@include fz(14px);
			background:none;
			border:none;
		}
	}
	.img100{
		img{
			width:100%;
			text-align:center;
		}
	}

	.img{
		background:#fff;
		text-align:center;
		padding:0.25rem 0.0rem;
		img{
			width:90%;
			text-align:center;
		}
	}

	.team{
		background:#fff;
		padding:0.25rem;
		vertical-align:top;

		img{
			width:90%;
		}
		.vux-flexbox{
			align-items:flex-start;
		}
		.vux-flexbox-item, .vux-flexbox{
			vertical-align:top;
		}
		.title{
			@include fz(20px);
			color:#000;
		}
		.title1{
			color:$primaryColor;
			@include fz(15px);
			margin-bottom:0.25rem;
		}
		.mb20{
			margin-bottom:0.5rem;
		}
		.content{
			line-height:0.6rem;
			@include fz(13px);
			color:#808080;
		}

		.list{
			@include fz(14px);
			li{
				margin-bottom:0.25rem;
			}
			a{
				color:#000;
			}
			span{
				color:#999;
				display:block;
			}
		}

	}
	.partner{
		.vux-flexbox{
			margin-bottom:0.25rem;
		}
		.vux-flexbox-item{
			img{
				width:90%;
			}
		}
		dd{
			margin-bottom:2rem;
			img{
				display:block;
				margin:auto;
				width:90%;
			}
		}
	}

	.fb_box {
	    position: fixed;
	    bottom: 0.0rem;
	    border-top: 0.025rem solid #e8e8e8;
	    height: 1.2rem;
	    line-height: 1.2rem;

	    background: #fff;
	    width: 100%;
	    max-width:1080px;
	    z-index: 999;
	    .left{
	    	margin-left:0.05rem!important;
	    }
	    .vux-flexbox-item{
	    	background:$primaryColor;
	    	text-align:center;
	    	color:#fff;
	    	@include fz(15px);
	    	a{
	    		color:#fff;
	    	}
	    }
	}

	.fee{
		@include fz(12px);

		thead{
			td{
				background:#ffc219;
				color:#fff;
				text-align:center;
				border-right: 0.025rem solid #fff;
				&:nth-child(1), &:nth-child(3){
					width:15%;
				}


			}
		}


		tbody{
			tr{
				text-align:center;
				&:nth-child(even){
					background:#fff8e5;
				}
			}
			td{
				border-right: 0.035rem solid #fff;
			}
		}

	}

	.profit {
	  width: 100%;
	  text-align:center;
	  @include fz(14px);
	  thead {
	    background: #ffc219;
	    color: #fff;
	    td{
	    	border-right: 0.025rem solid #fff
	    }
	  }
	  tbody td {
	    border: 0.025rem solid #ffc219;
	  }
	}

	.charts{
		width:100%;
		height:8rem;
		@include fz(14px);
		background:#fff!important;
		padding:0.5rem 0.0rem;
	}



	.d_overview{

		.left{
			margin-left:0.25rem!important;
		}
		.vux-flexbox{
			margin-bottom:0.3rem;

			&:nth-child(2){
				.vux-flexbox-item{
					&:nth-child(1){background:#4086c2;}
					&:nth-child(2){background:#33b0af;}
				}
			}
			&:nth-child(3){
				.vux-flexbox-item{
					&:nth-child(1){background:#7261ca;}
					&:nth-child(2){background:#59a160;}
				}
			}
		}
		.vux-flexbox-item{
			padding:0.125rem;
			border-radius:0.15rem;
			color:#fff;
			&:nth-child(1){
				background:#d34d4d;
			}
			&:nth-child(2){
				background:#cfae2b;
			}
		}
		.iconfont{
			@include fz(22px);
			vertical-align:middle;
 
		}
		em{
			float:right;
		}
		b{
			text-align:right;
			display:block;
			padding:0.1rem 0.0rem;
		}
		span{
			position:relative;
			display: block;

			&:before {
			    position: absolute;
			    content: ' ';
			    height: 0.05rem;
			    background: #000;
			    display: block;
			    bottom: 0.0rem;
			    width: 100%;
			    opacity: 0.1;
			}


			&:after {
			    content: ' ';
			    height: 0.025rem;
			    background: #fff;
			    display: block;
			    position: absolute;
			    bottom: 0.0rem;
			    width: 100%;
			    opacity: 0.5;
			}


		}
	}

	.d_intime{
		.vux-flexbox{

			.vux-flexbox-item{
				&:nth-child(1){ border-right:0.03rem dashed #e0e0e0;	 }
			}

			.vux-flexbox-item{
				&:nth-child(2){ padding-left:0.1rem;}
			}

		}
		.vux-flexbox-item{
			position:relative; 
			padding:0.3rem 0.0rem 0.6rem 0.0rem;

			span{
				color:#999;
				@include fz(14px);
			}
			b{
				display:block;
				font-weight:normal;
				@include fz(18px);
			}
			i{
				@include fz(20px);
				right:0.2rem;
				position:absolute;
				top:0.3rem;
				color:white;

				&.up{
					color:red;
					transform: rotate(180deg);
				}
				&.down{
					color:green;
				}
			}
		}

	}
	.rank{
		.float{
			height:8.5rem;
			background:#fff;
			.p1{
				left:50%;
				margin-left:-2rem;
				top:3rem;
				position:absolute;
			}

			.p2{
				left:50%;
				margin-left:1.9rem;
				top:4rem;
				position:absolute;
			}

			.p3{
				left:50%;
				margin-left:-4.5rem;
				top:4.8rem;
				position:absolute;
			}


			.p5{
				left:50%;
				margin-left:0rem;
				top:7rem;
				position:absolute;
			}

			.p4{
				left:50%;
				margin-left:-3.5rem;
				top:7rem;
				position:absolute;
			}

			.con{
			    width: 3.4rem;
			    height: 3.4rem;
			    border-radius: 50%;
			    @include fz(14px);
			    background: #d74343;
			    position:relative;
				.ct{
				    padding-top: 1.2rem;
				    text-align: center;
				    color:#fff;
				    position:relative;
				    z-index:1;
				    span{
				    	display:block;
				    	@include fz(12px);
				    }
				    b{
				    	@include fz(22px);
				    }

				}
				&:after{
					content:' ';
					border-radius: 50%;
					background: #d74343;
					position:absolute;
				    width: 4rem;
				    height: 4rem;
				    opacity:0.3;
				    left:-0.2rem;
				    top:-0.2rem;
				    z-index:0;
				}
			}

			.red{
			    width: 3.4rem;
			    height: 3.4rem;
			    border-radius: 50%;
			    background: #d74343;
			    @include fz(14px);
				.ct{

				    padding-top: 1.2rem;
				    text-align: center;
				    color:#fff;
				    span{
				    	display:block;
				    }
				    b{
				    	@include fz(20px);
				    }
				}
				&:after{
					background: #d74343;
				    width: 3.8rem;
				    height: 3.8rem;
				    left:-0.2rem;
				    top:-0.2rem;
				}
			}

			.yellow{
			    width: 2.8rem;
			    height: 2.8rem;
			    background: #da8d22;
				.ct{
				    padding-top: 0.8rem;
				    span{
				    	display:block;
				    }
				    b{
				    	@include fz(18px);
				    }
				}
				&:after{
					background: #da8d22;
				    width: 3.1rem;
				    height: 3.1rem;
				    left:-0.15rem;
				    top:-0.15rem;
				}
			}

			.blue{
			    width: 2rem;
			    height: 2rem;
			    background: #0085bc;
				.ct{
				    padding-top: 0.4rem;
				    span{
				    	display:block;
				    }
				    b{
				    	@include fz(18px);
				    }
				}
				&:after{
					background: #0085bc;
				    width: 2.3rem;
				    height: 2.3rem;
				    left:-0.15rem;
				    top:-0.15rem;
				}
			}

			.purple{
			    width: 2.8rem;
			    height: 2.8rem;
			    background: #6c75c9;
				.ct{
				    padding-top: 0.8rem;
				    span{
				    	display:block;
				    }
				    b{
				    	@include fz(18px);
				    }
				}
				&:after{
					background: #6c75c9;
				    width: 3.1rem;
				    height: 3.1rem;
				    left:-0.15rem;
				    top:-0.15rem;
				}
			}

			.green{
			    width: 2.8rem;
			    height: 2.8rem;
			    background: #16a88e;
				.ct{
				    padding-top: 0.8rem;
				    span{
				    	display:block;
				    }
				    b{
				    	@include fz(18px);
				    }
				}
				&:after{
					background: #16a88e;
				    width: 3.1rem;
				    height: 3.1rem;
				    left:-0.15rem;
				    top:-0.15rem;
				}
			}

		}
		.vux-flexbox{
			margin-bottom:0.25rem;
		}
		.vux-flexbox-item{
			border:0.025rem solid #e0e0e0;
			padding:0.1rem;
			@include fz(12px);
			height:2.4rem;
			border-radius:0.1rem;
			span{
				display:block;
				height:1.4rem;
			}
			b{
				text-align:right;
				display:block;
				color:red;

				@include fz(15px);
			}
		}
	}

}